.page-wrap {
  background: #f7f7fc;
  height: 100vh;
  display: flex;
  flex-direction: column;
  .content {
    flex: 1;
    background: #fff;
    overflow: hidden;
    width: 750rpx;
    display: flex;
    flex-wrap: nowrap;
    .left {
      width: 164rpx;
      background: #f7f7fc;
      height: 100%;
      font-size: 24rpx;
      color: #989898;
      line-height: 34rpx;
      overflow-y: auto;
      padding-bottom: calc(140rpx + env(safe-area-inset-bottom));
      .item {
        width: 164rpx;
        height: 104rpx;
        display: flex;
        align-items: center;
        justify-content: center;
        .txt {
          width: 96rpx;
          text-align: center;
        }
      }
      .active {
        background: #fff;
        color: #282828;
        font-weight: bold;
      }
    }
    .right {
      flex: 1;
      height: 100%;
      background: #fff;
      overflow: hidden;
      padding-bottom: calc(140rpx + env(safe-area-inset-bottom));
    }
  }
}

.btns {
  width: 750rpx;
  padding: 20rpx 50rpx;
  background: #fff;
  display: flex;
  justify-content: space-between;
  padding-bottom: calc(20rpx + constant(safe-area-inset-bottom));
  padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
  position: fixed;
  bottom: 0;
  .btn {
    width: 314rpx;
    height: 88rpx;
    line-height: 88rpx;
    border-radius: 20rpx;
    text-align: center;
    font-size: 32rpx;
    font-weight: bold;
    color: #ffffff;
  }
  .save {
    background: #ffae01;
  }
  .sub {
    background: #097eff;
  }
}
